<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AI在线工具集 - 提升效率的智能工具箱</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="container">
        <header>
            <h1>AI在线工具集</h1>
            <p>提供多种智能工具，助您提升工作效率</p>
        </header>
        
        <main>
            <div class="tools-grid">
                <!-- 图片去背景工具 -->
                <div class="tool-card active" onclick="window.location.href='removebg.html'">
                    <h3>AI图片去背景</h3>
                    <p>智能识别并移除图片背景，快速生成透明背景图片</p>
                </div>

                <!-- PDF工具 -->
                <div class="tool-card">
                    <h3>PDF工具箱</h3>
                    <p>PDF转Word、合并、拆分、压缩等多功能工具</p>
                    <span class="coming-soon">即将推出</span>
                </div>

                <!-- 图片压缩工具 -->
                <div class="tool-card">
                    <h3>智能图片压缩</h3>
                    <p>无损压缩图片，保持清晰度的同时大幅减小文件体积</p>
                    <span class="coming-soon">即将推出</span>
                </div>

                <!-- OCR文字识别 -->
                <div class="tool-card">
                    <h3>OCR文字识别</h3>
                    <p>从图片中智能提取文字，支持多语言识别</p>
                    <span class="coming-soon">即将推出</span>
                </div>

                <!-- 格式转换工具 -->
                <div class="tool-card">
                    <h3>文件格式转换</h3>
                    <p>支持各种文档、图片、音视频格式的相互转换</p>
                    <span class="coming-soon">即将推出</span>
                </div>

                <!-- AI文案助手 -->
                <div class="tool-card">
                    <h3>AI文案助手</h3>
                    <p>智能生成营销文案、文章摘要、标题优化等</p>
                    <span class="coming-soon">即将推出</span>
                </div>
            </div>
        </main>

        <footer>
            <p> 2025 AI在线工具集 - 所有工具免费使用</p>
        </footer>
    </div>
    <script src="script.js"></script>
</body>
</html>
